<script type="text/javascript">
	function loadOptionsItem(htmlId, valueId, list, isAll = true) {
		var html = isAll == true ? '<div class="options-item-selected" onclick="selectOneOption(this, \'\', \'' + valueId + '\')">全部</div>' : '';
        for (var i = 0; i < list.length; i++) {
        	html += '<div class="options-item" onclick="selectOneOption(this, \'' + list[i].value + '\', \'' + valueId + '\')">' + list[i].text + '</div>';
        }
        setHtml(htmlId, html);
	}

	function selectOneOption(obj, text, id) {
		if (obj.className == 'options-item-selected') {
			return;
		}

		var parentObj = obj.parentNode;
		var objList = parentObj.getElementsByTagName('div');
		for (var i = 0; i < objList.length; i++) {
			objList[i].className = 'options-item';
		}

		obj.className = 'options-item-selected';
		setValue(id, text);

		queryKey('ok');
	}
</script>

<style type="text/css">
	.options-bar
	{
		margin: 10px 15px 20px 15px;
		padding: 30px 30px 25px 30px;
		background-color: #edf6ff;
	}

	.options-row
	{
		width: 100%;
		display: -webkit-flex;
	    -webkit-flex-direction: row;
	    -webkit-align-items: center;
	}

	.options-row2
	{
		width: 100%;
		margin-top: 12px;
		display: -webkit-flex;
	    -webkit-flex-direction: row;
	    -webkit-align-items: center;
	}

	.options-row-left
	{
		-webkit-flex: none;
		width: 114px;
		color: #333333;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.options-row-right
	{
		-webkit-flex: auto;
		font-size: 0;
	}

	.options-item-selected
	{
		/*color: #1890ff;
		background-color: #e0effe;*/
		color: white;
		background-color: #21A0F7;
		font-size: 14px;
		padding: 5px 18px;
		margin-bottom: 5px;
		border-radius: 5px;
		cursor: pointer;
		display: inline-block;
	}

	.options-item
	{
		color: #666666;
		font-size: 14px;
		padding: 5px 18px;
		margin-bottom: 5px;
		border-radius: 5px;
		cursor: pointer;
		display: inline-block;
	}

	.options-item:hover
	{
		color: #1890ff;
		font-size: 14px;
		padding: 5px 18px;
		margin-bottom: 5px;
		border-radius: 5px;
		cursor: pointer;
		display: inline-block;
	}

	.options-text
	{
		color: #666666;
		font-size: 14px;
		padding: 5px 5px;
		margin-bottom: 5px;
		display: inline-block;
	}

	.options-input1
	{
		width: 80px;
		height: 27px;
		border: 1px solid #cccccc;
		color: #333333;
		font-size: 14px;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		cursor: pointer;
		display: inline-block;
	}

	.options-btn
	{
		height: 29px;
		line-height: 29px;
		color: #21a0f7;
		background-color: #edf6ff;
		font-size: 14px;
		padding: 0 17px 0 17px;
		margin-left: 12px;
		margin-right: 12px;
		border-radius: 5px;
		cursor: pointer;
		display: inline-block;
	}
</style>